<ul class="cq-article--list cq-article--s1n2">
	<li class="cq-article--item">
		<article class="cq-article">
			<a href="javascript:void(0);">
				<div class="cq-article--cover">
					<img
						class="cq-article--picture"
						:src="$withBase('/assets/images/components/scape.jpeg')"
						alt="picture"
					/>
				</div>
				<div class="cq-article--content">
					<h3 class="cq-article--title">文章列表标题</h3>
					<p class="cq-article--summary">了解设计指南，帮助产品设计人员搭建逻辑清晰、结构合理且高效易用的产品。使用组件 Demo 快速体验交互细节；使用前端框架封装的代码帮助工程师快速开发。</p>
				</div>
				<div class="cq-article--meta">
					<time class="cq-article--time" datetime="2022-2-16">2022-2-16</time>
					<button class="cq-btn cq-button--mini is-round">查看详情</button>
				</div>
			</a>
		</article>
	</li>
</ul>
